html,
body {
	width: 100%;
	height: 100%;
}

section {
	width: 100%;
	height: 100%;
}


/*动画配置*/

.infinite {
	animation-iteration-count: infinite;
}


/*end*/

.page1,
.page2,
.page3,
.page4 {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
}

.page1 {
	background-image: url(../img/page1/border.png);
}

.page1-love {
	position: absolute;
	top: 60px;
	left: 13rem;
	width: 52px;
	height: 48px;
}

.page1-title {
	position: absolute;
	top: 154px;
	left: 3.5186rem;
	width: 285px;
	height: 260px;
}

.page1-btn {
	position: absolute;
	bottom: 76px;
	width: 197px;
	height: 44px;
	left: 7rem;
}

.page2,
.page3,
.page4 {
	background-image: url(../img/bg.png);
}

.div-up {
	position: absolute;
	bottom: 10px;
	width: 100%;
	height: 30px;
}

.up {
	display: block;
	margin: 0 auto;
	width: 43px;
	height: 30px;
}


/*page3*/


/*五个字*/

.job-KeHu,
.job-Yewu,
.job-HR,
.job-meijie {
	position: absolute;
	width: 132.5px;
	height: 32.5px;
}


/*四个字*/

.job-WenAn,
.job-video2,
.job-HuaShou,
.job-wx,
.job-DuiZhang,
.job-ShiChang,
.job-webo {
	position: absolute;
	width: 114px;
	height: 32.5px;
}

.job-HuaShou {
	top: 3rem;
	right: 5rem;
}

.job-HR {
	top: 5.7rem;
	left: 3.5rem;
}

.job-video {
	position: absolute;
	top: 10rem;
	right: 6.5rem;
	width: 168px;
	height: 32.5px;
}

.job-Yewu {
	top: 14.7rem;
	left: 3.8rem;
}

.job-wx {
	top: 14.7rem;
	right: 3.3rem;
}

.job-KeHu {
	top: 19.7rem;
	left: 6.7rem;
}

.job-tv {
	position: absolute;
	top: 25rem;
	right: 3.5rem;
	width: 176px;
	height: 32.5px;
}

.job-DuiZhang {
	top: 29rem;
	left: 2.8rem;
}

.job-ShiChang {
	top: 34rem;
	left: 8.5rem;
}

.job-meijie {
	top: 39rem;
	left: 3.8rem;
}

.job-webo {
	top: 39.5rem;
	right: 3.8rem;
}

.job-video2 {
	top: 43rem;
	left: 6rem;
}

.job-WenAn {
	top: 46rem;
	right: 7rem;
}


/*详细描述*/

.page4-dec {
	width: 100%;
	height: 100%;
	position: absolute;
}
.page4-dec ul li {
	display: inline;
}
.detail_main{
	position: absolute;
    left: 2.5038rem;
    top: 3.1112rem;
    width: 77.5112rem;
    height: 17.4519rem;
    transform: translate3d(-26.6744rem, 0px, 0px);
    transition: all 1s;
}
.detail_item{
	position: relative;
    float: left;
    width: 10.9926rem;
    height: 17.4519rem;
    margin-right: 1.926rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.detail_txt {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: #CACACA;
    font-size: .5334rem;
    border-radius: .5926rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}



.job-HuaShou-canel {
	display: block;
	margin: 0 auto;
	width: 50.5px;
	height: 50.5px;
}

@keyframes rotating {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(2160deg)
	}
}

.canel {
	animation: rotating 5s ease
}
.panel-love{
	position: absolute;
	bottom: 40px;
	width: 100%;
	height: 22px;
}

.panel-love ul li{
	display: inline;
}
.li-img{
	display: inline-block;
	width: 7.4%;
}
